﻿<div class="box">
    <div class="box-header">
        <div class="row">
            <div class="col-md-12" ng-include="'ContentMedora/ehr/personShortInfo.html'"></div>
        </div>
    </div>
    <div class="box-body">
        
            <div class="col-md-6">
                <button class="btn btn-primary">To Family Doctor</button>
                <a class="btn btn-default" href="#/scheduling/{{personId}}">To Physician</a>
            </div>
        
        
            <table class="table table-striped">
                <thead>
                    <tr >
                        <th>Type</th>
                        <th>Speciality</th>
                        <th>Referral Date</th>
                        <th>Provider</th>
                        <th>Scheduling Date</th>
                        <th>Room</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="record in records">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>{{record.provider}}</td>
                        <td>{{record.start | date: 'dd/MM/yyyy hh:mm' }}</td>
                        <td>{{record.room}}</td>
                        <td style="width: 60px;">
                            <button class="btn bg-orange btn-social">
                                <i class="fa fa-edit"></i><span>Re-schedule</span>
                            </button>
                        </td>
                        <td style="width: 60px;">
                            <button class="btn bg-red btn-social" ng-click="deleteAppointment(record)">
                                <i class="fa fa-trash-o"></i>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>        
        
        
    </div>
</div>
